import { createRouter, createWebHashHistory } from 'vue-router'

// 1. 导入组件
// 2. 在routes组件中配置: { path: 'path', component: 页面组件 }

// 公共布局,所有页面的骨架
// import Layout from '@/views/Layout'
// 路由按需加载原理: 默认加载的是一个函数,访问某个路由,执行某个页面的component配置的函数,动态加载组件
const Layout = () => import('@/views/Layout')
// 导入骨架下的页面
// import Home from '@/views/Home'
const Home = () => import('@/views/Home')
const routes = [
  {
    path: '/',
    component: Layout,
    children: [
      {
        path: '/',
        component: Home
      }
    ]
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
